<template>
    <div>
      <Header class="header"></Header> 
    <side-bar class="sidebar"></side-bar> 
      <RouterView>
      </RouterView>
    </div>
  </template>
  
  <script>
  
  import Header from "@/components/Header";
  import SideBar from '@/components/student/SideBar'
 
  import '@/assets/bootstrap/js/jquery-3.6.1.min.js';
  import '@/assets/bootstrap/js/bootstrap.min.js';
  import '@/assets/bootstrap/css/bootstrap.min.css';
  export default
  {
    name: "StudentLayout",
    data () 
    {
      return {};
    },
    props:[],
    components: {SideBar,Header},
    
    computed: {},
    mounted()
    {
        this.$router.push(`/StudentLayout/StudentExperiment/作业/0`);
    },
    methods: {}
  }
  
  </script>
  
  <style  scoped>
  .test{
    padding: 0px;
    position: absolute;
    top:50px;
    left: 230px;
    right: 0px;
    bottom: 0px;
    height: auto;
  }
  #studentSideBarDiv{
    position: fixed;
    top:50px;
}
  </style>